<template>
  <div>
    <section class="section1">
      <div class="section1_top_content box_center">
        <div class="section1_top_content_ani animate_box">
          <strong class="leven1">Xiaomi Pilot</strong>
          <strong class="leven2">小米智能座舱</strong>
          <strong class="leven3">全栈自研智能驾驶技术</strong>
        </div>
      </div>
      <div>
        <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section1.jpg?x-fds-process=image/resize,q_90,f_webp">
      </div>
    </section>
    <section class="section2">
      <div class="content">
        <div class="animate_box">
          <p> 小米全栈自研智能驾驶技术 </p>
          <p> 坚持长期投入 </p>
          <p> AI 全面赋能 </p>
          <p> 自研底层算法 </p>
          <p> 期望为你打造全场景下 </p>
          <p> 更聪明、更安全的智能驾驶 </p>
          <p> 实现驾驶体验的又一次进化 </p>
        </div>
        <img class="down animate_box" src="https://s1.xiaomiev.com/activity-outer-assets/web/common/arrow_bottom.png?x-fds-process=image/resize,q_90,f_webp">
      </div>
    </section>
    <section class="section3">
      <div class="content animate_box">
        <p class="leven1"> 小米全栈自研 </p>
        <p class="leven2"> 全场景智能辅助驾驶 </p>
      </div>
      <div>
        <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section2_1.jpg?x-fds-process=image/resize,q_90,f_webp">
      </div>
      <div>
        <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section2_2.jpg?x-fds-process=image/resize,q_90,f_webp">
      </div>
    </section>
    <section class="section4">
      <div class="text_wrap">
        <div class="leven1 animate_box">
          <p> 软硬件深度协同 </p>
          <p> 全场景功能更聪明、更安全 </p>
        </div>
        <div class="leven2 animate_box">
          <p>小米智能驾驶配备两颗 NVIDIA DRIVE Orin 高算力芯片，综合算力达到 508 TOPS。</p>
          <p>感知硬件也十分强大，配备激光雷达、高清摄像头等，结合智能引擎和数据的应用，真正做到了更聪明、更安全的全场景功能。</p>
        </div>
      </div>
      <div class="params_wrap">
        <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section3.png?x-fds-process=image/resize,q_90,f_webp">
      </div>
      <div class="tips">区分车型版本，以实车为准。</div>
    </section>
    <section class="section5">
      <div class="text_wrap">
        <div class="text animate_box"> 感知技术新思考 </div>
      </div>
      <div>
        <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section4.jpg?x-fds-process=image/resize,q_90,f_webp">
      </div>
    </section>
    <section class="section6">
      <div class="text_wrap">
        <div class="leven1 animate_box">
          <p class="color_yl"> 自适应变焦 BEV 技术 </p>
          <p> 动态调节感知范围 </p>
        </div>
        <div class="leven2 animate_box">
          <p>通过高清感知摄像头还原路面情况，再通过调用不同算法，动态调整 BEV</p>
          <p>网格特征的细粒度及算法的感知范围，适配不同的环境精度要求。</p>
        </div>
      </div>
      <Carousel :list="carousels" />
    </section>
    <section class="section7">
      <div class="leve1">
        <div class="leve1-1 animate_box">
          <p class="color_yl">「超分辨率」占用网络技术</p>
          <p>异形障碍物识别精度＜0.1m</p>
        </div>
        <div class="leve1-2 animate_box">
          <p>通过超分辨率矢量算法，能直接将路面上看到的可视物体，都模拟成连续曲面的立体物，</p>
          <p>对异形障碍物的识别更精准，精度＜0.1 米。</p>
        </div>
      </div>
      <div class="leve2">
        <img class="l2_img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section6_1.jpg?x-fds-process=image/resize,q_90,f_webp" alt="">
        <img class="l2_img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section6_2.jpg?x-fds-process=image/resize,q_90,f_webp" alt="">
      </div>
      <div class="leve3">
        <div class="l3_content">
          <div class="leve3-1 animate_box">
            <p class="color_yl">「超分辨率」占用网络 </p>
            <p> 识别异形障碍物种类无上限 </p>
          </div>
          <div class="leve3-2 animate_box">
            <p>不仅精准度高，识别障碍物种类几乎没有限制。</p>
          </div>
        </div>
        <div>
          <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section6_3.jpg?x-fds-process=image/resize,q_90,f_webp" alt="">
        </div>
      </div>
      <div class="leven4">
        <div class="text_wrap">
          <div class="leven4-1 animate_box">
            <p> 小米自研 </p>
            <p> 雨雪天自动降噪 </p>
          </div>
          <div class="leven4-2 animate_box">
            <p>针对雨雪天气，自研自动降噪功能，</p>
            <p>可有效降低雨雪对感知的识别干扰，确保行驶安全。</p>
          </div>
        </div>
      </div>
      <div class="leven5">
        <div class="content_wrap">
          <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section6_4.jpg?x-fds-process=image/resize,q_90,f_webp" alt="">
          <p>降噪前</p>
        </div>
        <div class="content_wrap">
          <img class="img" src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section6_5.jpg?x-fds-process=image/resize,q_90,f_webp" alt="">
          <p class="color_yl">降噪后</p>
        </div>
      </div>
    </section>
    <section class="section8">
      <div class="leven1">
        <div class="leven1-1 animate_box">
          <p class="color_yl"> 小米道路大模型 </p>
          <p> 全国都能用的城市领航 </p>
        </div>
        <div class="leven1-2 animate_box">
          <p> 小米道路大模型，实时生成道路拓扑，效果媲美高精地图。实现全国都能用的城市领航。 </p>
        </div>
      </div>
      <div class="leven2">
        <div class="video_wrap">
          <video muted loop autoplay src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section7_1.mp4"></video>
        </div>
        <div class="video_wrap">
          <video muted loop autoplay src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section7_2.mp4"></video>
        </div>
      </div>
      <div class="leven3">
        <div class="leven3-1 animate_box">
          <p class="color_yl"> 实时应对道路变化 </p>
          <p> 准确生成行驶引导线 </p>
        </div>
        <div class="leven3-2 animate_box">
          <p> 传统高精地图方案，遇到道路变化如临时施工，功能退出或降级；小米道路大模型，可实时应对道路变化，顺畅通行。 </p>
        </div>
      </div>
      <div class="leven4">
        <div class="video_wrap">
          <video muted loop autoplay src="https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section8.mp4"></video>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
import Carousel from '@/components/Carousel.vue';
export default {
  middleware({ store, redirect }) {
    if (!store.state.user.token) {
      redirect({ name: 'login' })
    }
  },
  components: { Carousel },
  data: () => ({
    carousels: [
      {
        src: "https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section5_1.mp4",
        title: "泊车场景更精准",
        desc: "将停车场环境切分成上百万个网格，可以精准应对停车场的细小障碍，最小识别精准精度达到 0.05 米。",
      },
      {
        src: "https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section5_2.mp4",
        title: "城区场景看更宽",
        desc: "在城市道路行驶时，转弯视野更开阔，两侧识别距离达到 160 米，最宽可实现双向 10 车道无保护左转。",
      },
      {
        src: "https://s1.xiaomiev.com/activity-outer-assets/web/pilot/section5_3.mp4",
        title: "高速场景看更远",
        desc: "为应对高速行驶突发状况，前后识别距离高达 250 米，最远可实现前方 150 米突发事故减速变道。",
      },
    ]
  })
}
</script>

<style scoped>
@import url('../assets/css/pilot.css');
</style>